<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="format-detection" content="telphone=no, email=no" />
<title>超级搜索 - 全网精选优惠券</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="__STATIC__/js/jquery.js" /></script>
<script type="text/javascript" src="__STATIC__/itaoke/super/eniu.js"></script>
<script type="text/javascript" src="__STATIC__/itaoke/super/layer_mobile/layer.js"></script>
<link href="__STATIC__/itaoke/super/eniu.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap_list" style=" display: block; padding-bottom: 1rem;">
  <div class="q-detail">
    <div class="q-logo">
      <a href="" title=""><img src="__STATIC__/itaoke/super/logo-nb.png" alt=""></a>
    </div>
    	<div class="q-search">
	   <form id="search-form" action="{:U('Super/search')}" method="get">						
        <i></i>
        <input type="text" name="keyword" value="" placeholder="搜索粘贴商品标题抢优惠券~" class="q-input f14" id="J_QueryVal" />
        <button type="submit" class="f14" id="J_FormBtn" onclick="return checkForm(this);">搜索</button>
      </form>
    </div>
    <div id="q-error" class="f14" >
          搜索粘贴商品标题抢优惠券~！
    </div>
<div class="q-list">
<dl>
<dt class="f16"><span>今日精选 新人抢福利</span></dt>
<dd>
<ul>
<volist name="items" id="vo">
<li data-type="upquanhits" data-id="{$vo.id}">
<a href="{:U('Item/index',array('id'=>$vo['id']))}" target="_blank">
<img class="" data-url="{:attach(get_thumb($vo['pic_url'], '_m'),'item')}" src="{:attach(get_thumb($vo['pic_url'], '_m'),'item')}">
</a>
<span class="f12">{$vo.quan}元券</span>
</li>
</volist>

</ul>
</dd>
</dl>
</div>

	  
<div class="q-list">
<dl>
<dt class="f16"><span>爆款推荐 全网精选优惠券</span></dt>
<dd>
<ul>
<volist name="random" id="vo">
<li data-type="upquanhits" data-id="{$vo.id}">
<a href="{:U('Item/index',array('id'=>$vo['id']))}" target="_blank">
<img class="" data-url="{:attach(get_thumb($vo['pic_url'], '_m'),'item')}" src="{:attach(get_thumb($vo['pic_url'], '_m'),'item')}">
</a>
<span class="f12">{$vo.quan}元券</span>
</li>
</volist>
</ul>
</dd>
</dl>
</div>
      <div class="q-list-more f14" style="padding-bottom:20px">
        <span class="load-more"><a href="{:C('itk_wap_url')}"><font color="#666">点击查看更多优质商品</font></a></span>
        <p class="list-error"></p>
      </div>
  </div>
</div>

<style>
/*新底部*/
#nb-menu {
    position: fixed;
    border-top: #f0f0f0 1px solid;
    background: #fff;
    z-index: 99999;
    width: 100%;
	max-width:540px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}

#nb-menu ul {
    display: -webkit-box;
    width: 100%;
	height:46px;
	margin:0 auto;
}

#nb-menu li {
    -webkit-box-flex: 1;
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
    height: 38px;
    line-height: 15px;
    color: #999;
	width:25%;
}

#nb-menu li .font-div {
    color: #999999 !important;
	margin-top:-7px;
}

#nb-menu li .menu-inside {
}

#nb-menu li .menu-inside span {
    display: block;
    margin: 0 auto 3px auto;
    width: 21px;
    height: 21px;
    background-size: contain !important;
}

#nb-menu li .menu-inside i {
    display: block;
    margin: 0 auto 0px auto;
    width: 25px;
    height: 25px;
    font-size: 25px;
	color: #999999;
	padding-top:3px;
	margin-bottom:3px;
    background-size: contain !important;
}
.link-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.nb-relative {
    position: relative;
    top: 0;
    left: 0;
}
.go-top {
    display: block;
    width: 42px;
    height: 42px;
    position: fixed;
    right: 20px;
    bottom: 64px;
    z-index: 10000;
    background-image: url('__STATIC__/itaoke/super/go_top.png');
    background-size: contain;
    opacity: 0;
    -webkit-transition: bottom .8s ease, opacity .6s ease;
}
.top-button-show {
    bottom: 54px;
    opacity: 1;
}
.top-button-hide {
    bottom: -54px;
    opacity: 0;
}
.go-top span {
    position: absolute;
    bottom: 9px;
    width: 100%;
    display: block;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    color: #333;
}
.result-img{
    position: relative;
    float: left;
    padding: .06533rem 0rem;
    width: 2.9rem;
    height: 2.9133rem;
    border-bottom: 1px #e5e5e5 solid;
    color: #999;
	background:#fff;
}
.result-img img {
    width: 2.88rem;
    height: 2.88rem;
    vertical-align: middle;

}
.result-desc {
    position: relative;
    float: right;
    padding: .06533rem .24rem .06533rem .1rem;
    width: 6.74rem;
    height: 2.9133rem;
    border-bottom: 1px #e5e5e5 solid;
    color: #999;
	background:#fff;
}
</style>

<script>
function checkForm (obj) {
    var val = $.trim($('#J_QueryVal').val()), err = '';
    if (/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g.test(val)) {
      err = '粘贴商品标题试试~（链接地址不支持）！';
    }
    if (val == '') {
    err = '搜索内容不能为空！';
    }
    if (err) {
      //alert(err);
	layer.open({
	btn: '我知道了'
    ,content: err
	,success: function(index){$('#J_QueryVal').val('');}
    });
    } else {
      //
    }
    return !err;
  }
</script>

<script>
var keyword='{$keyword}';
if(keyword){
layer.open({
    content: "<div style='text-align:left'><img src='__STATIC__/itaoke/super/go.png' style='width:14px'>&nbsp;检测到您喜欢的宝贝可能是：<br>【{$keyword}】</div>"
    ,btn: ['确认搜索','取消']
	,shadeClose:false
	,title:"搜索建议"
	,yes: function(){
  	$('#J_QueryVal').val('{$keyword}');
  	$('#J_FormBtn').click();
     } 
    });
}
</script>
</body>
</html>